.post-body{
font-size:15px;
line-height:25px;
}
.post blockquote {
	background: #F6F6F6;
	padding:30px 30px 30px 20px;
	border: 1px solid #DDD;
	line-height: 30px;
	position: relative;
	margin:20px;
}

.post-body p {
margin: 20px 0;
}

.sumber {
	background-color:#FFEEB6;
	border:1px solid #CA9433;
	padding:10px;
	margin:10px 0;
}

.penulis-tamu {
background: #FFEEB6;
border: 1px solid #CA9433;
padding: 10px;
position: relative;
margin: 40px 0 0;
font-size:14px !important;
}

.penulis-tamu::before {
content: &quot;&quot;;
width: 0;
height: 0;
top: -32px;
position: absolute;
left: 56px;
border: 16px solid #CA9433;
border-right-color: transparent;
border-top-color: transparent;
}

.penulis-tamu ul, .penulis-tamu li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
position: relative;
}

.penulis-tamu ul::after {
content: &quot;Penulis&quot;;
top: -42px;
position: absolute;
left: -11px;
padding: 4px 0px 1px 10px;
background: #FFEEB6;
border: 1px solid #CA9433;
border-right: none;
border-bottom: none;
}

.penulis-tamu::after {
content: &quot;&quot;;
width: 0;
height: 0;
top: -31px;
position: absolute;
left: 56px;
border: 15px solid #FFEEB6;
border-right-color: transparent;
border-top-color: transparent;
}

.post-body img  {
	margin: 5px;
}

.post-body img:first-child {
        margin: 5px 10px 0 0;
}

.post-body a:link, .post-body a:visited {
	color: #B33535;
	border-bottom:2px solid #DDD;
	padding: 0 0 2px;
}

.post-body a:hover  {
	border-color: #DD6D6D;
}

.post-body ol {
	margin:0 0 0 5px;
	padding:0 0 10px;
}

.post-body ol li {
	margin:0 0 0 25px;
	padding:0 0 5px;
}

.post-body ul {
	margin:0 0 0 3px;
	padding:0 0 10px;
}

.post-body ul li {
	list-style-type:square;
	margin:0 0 0 25px;
	padding:0 0 0 5px;
}

.post h1 {
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	background: #F0F0F0;
	position: relative;
	margin: 0 11px 0 -20px;
	padding: 0 20px;
	border: 1px solid #DDD;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.post h1::before  {
	content:&quot;&quot;;
        width: 0;
	height: 0;
	bottom: -10px;
	position: absolute;
	left: -2px;
	border: 5px solid #DFDFDF;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.post h1::after  {
	content: &quot;&quot;;
        width: 27px;
	height: 27px;
	bottom: 6px;
	position: absolute;
	right: -14px;
	border-bottom: 1px solid #DDD;
	transform: rotate(45deg);
	background: white;
	border-left: 1px solid #DDD;
}

.download {
	display:block;
	text-align:center;
}

.download a:link, .download a:visited  {
	padding: 5px !important;
	background: whiteSmoke;
	border: 1px solid #DDD !important;
	color: #919191 !important;
	border-radius: 3px;
        box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 2px rgba(222, 222, 222, 0.5);
}

#related-posts {
        margin: 20px 0 10px;
}

#related-posts h3  {
	position: relative;
	background: whiteSmoke;
	padding: 10px;
	color: #999898;
	font-weight: normal;
	border: 1px solid #DDD;
	margin: 0;
	box-shadow: 0px 1px 0px white;
}

#related-posts h3::before , .post blockquote:before {
	content:&quot;&quot;;
	width: 0;
	height: 0;
	top: 0;
	position: absolute;
	right: 0;
	border: 14px solid #E7E7E7;
	border-right-color: white;
	border-top-color: white;
}

#related-posts h3::after , .post blockquote:after {
	content:&quot;&quot;;
	width: 0;
	height: 0;
	top: -1px;
	position: absolute;
	right: -1px;
	border: 14px solid #F0F0F0;
	border-right-color: white;
	border-top-color: white;
}

#related-posts ul {
	padding: 10px;
	margin: 0 0 10px;
	background: whiteSmoke;
	border: 1px solid #DDD;
	overflow: auto;
	height: 190px;
}

#related-posts li {
	list-style-position: inside;
	font-size: 12px;
	list-style-image: url(http://1.bp.blogspot.com/-WzAI4c51EEE/T9xHVTKV75I/AAAAAAAABjw/Ov7MoA446kM/s320/arrows-k-3.png);
	margin: 0 !important;
	padding: 5px 0 !important;
	border-bottom: 1px dotted #EEE;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#related-posts li a:link  {
	border: none !important;
	color: #707070 !important;
}

#related-posts li a:hover {
	border:none !important;
}

a.openpanel {
  display:block;
  clear:both;
  width:auto;
  text-align:center;
  line-height:32px;
  text-decoration:none;
  margin:10px;
  position:relative;
background:whitesmoke;
}

a.openpanel.active {background-color:white;}

#comments {
	border:1px solid #EBEBEB;
	padding:10px;
	border-left:none;
	border-right:none;
}

#comments ol  {
        list-style-type: none;
        padding:0
}

.comments h4 {
	background: whiteSmoke;
        border: 1px solid #BBB;
        padding: 5px 10px;
        box-shadow: inset 1px 1px 0 white,inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 3px rgba(222, 222, 222, .8);
        color: #837B7B;
        font-weight: normal;
}

.comments  {
        counter-reset:number;
}

.comments .comment  {
        position:relative;
}

.comments .comment:after  {
        counter-increment: number;
        content: counter(number);
        display: block;
        text-align: center;
        font: italic normal 50px/50px Times, Serif !important;
        color: #D1D1D1;
        position: absolute;
        top: 0;
        right: 10px;
}

.comments .comment .comment-thread.inline-thread  {
        counter-reset:number;
}

.comments .comment .comment-thread.inline-thread .comment:after  {
        font-size:18px;
        line-height:30px;
        width:30px;
        height:30px;
}

.comment-actions {
        background: white;
        border: 1px solid #DDD;
        padding: 5px;
        text-align: center;
}

.comment-header {
        margin: 0 0 10px;
}

.item-control {
        margin: 0 0 0 5px;
        border-left: 1px solid #DDD;
        padding: 5px 0 5px 5px;
}

.loadmore.loaded,.continue {
        background: whiteSmoke;
        margin: 10px auto;
        box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white,  inset 0 0 5px rgba(222,  222,  222,  .8),  0 0 3px rgba(222,  222,  222,  .5);
        padding: 5px;
        border: 1px solid #DDD;
        text-align: center;
        text-shadow: 0 2px 1px #E9E9E9;
}

#comment-editor  {
       margin: 10px 0;
       overflow: hidden;
       padding: 17px 0 0 17px;
       width: 601px;
}

#form-wrapper p,.comment-form p {
       background: #FFEEB6;
       border: 1px solid #CA9433;
       padding: 10px;
       margin: 10px 0;
}

.comment-link {
	margin-left:.120px;
}

.avatar-image-container  {
	margin: 10px 0;
        height: 36px;
        border: 1px solid #DDD;
        box-shadow: inset 1px 1px 0 white,inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 3px rgba(222, 222, 222, .8);
        padding: 5px;
}

.comment-replies {
        margin: 0 0 0 30px;
}

.comment-block  {
	background: #F9F9F9;
        border: 1px solid #DDD;
        padding: 10px;
        box-shadow: inset 1px 1px 0 white,inset -1px -1px 0 white, inset 0 0 5px rgba(222, 222, 222, .8), 0 0 3px rgba(222, 222, 222, .5);
}

.comment-content  {
	background: white;
	border: 1px solid #DDD;
	padding: 10px;
	line-height: 40px;
        margin:10px 0;
}

.datetime a:link, .datetime a:visited {
	float: right;
	border-bottom: 1px solid #DDD;
}

.datetime a:hover {
	border-color:#666;
}

#blog-pager-newer-link {
	float:left;
}

#blog-pager-older-link {
	float:right;
}

#blog-pager {
	width: 100%;
	text-align: center;
	line-height: 40px;
	margin: 0;
	padding: 10px 0;
	background: whiteSmoke;
        border-top: 1px solid white;
}

#blog-pager a:link, #blog-pager a:visited,a.openpanel {
	box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white,  inset 0 0 5px rgba(222,  222,  222,  .8),  0 0 2px rgba(222,  222,  222,  0.5);
	background:white;
	border:1px solid rgb(207, 207, 207);
	color:rgb(138, 138, 138);
	font-size:11px !important;
	padding:5px 10px;
	margin:5px;
}

#blog-pager a:hover,a.openpanel:hover  {
	background:#f6f6f6;
}
#komentar {
margin: 0;
padding: 0;
background: whiteSmoke;
border: 1px solid #DDD;
box-shadow: inset 0px 0px 3px white, 0px 1px 3px #EEE;
border-radius: 4px;
overflow: hidden;
}
#komentar b::before {
content: url();
margin: 6px 6px 0px 0px;
display: inline-block;
vertical-align: middle;
}
#komentar ul li {
border-bottom: 1px solid #DDD;
background: transparent;
border-top: 1px solid white;
padding: 6px 10px !important;
}
#komentar ul li:first-child {
border-top: none;
background:linear-gradient(#FAFAFA,whiteSmoke);
border-radius: 4px 4px 0 0;
}
#komentar ul li:last-child {
border-bottom: none;
background:linear-gradient(whiteSmoke,#FAFAFA);
border-radius:0 0 4px 4px;
}
#komentar ul li:hover {
background:linear-gradient(#FAFAFA,whiteSmoke);
}